<template>
  <div class="carousel-style">
<!--    <p class="notice-title-style">——NOTICE——</p>-->
    <div class="home-driver-style">
      <el-divider style="margin-top: 50px;margin-bottom: 80px;padding: 2px;background: #a4d6a7" content-position="center">NOTICE</el-divider>
    </div>

    <NoticeCards></NoticeCards>
  </div>

</template>

<script>
import NoticeCards from './NoticeCards'

export default {
  name: 'notice',
  components: { NoticeCards }
}
</script>

<style>
.carousel-style {
  width: 70%;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  left: 15%;
}

.home-driver-style .el-divider__text {
  position: absolute;
  font-family: "Roboto",sans-serif;
  font-weight:bolder;
  background-color: #f5f5f5;
  padding: 0 20px;
  color: #2e7d32;
  font-size: 33px;
}
</style>
